<include file="./Tpl/Home/Header.html" />
<link href="/Public/Home/bootstrap.min.css?v=3.4.0" rel="stylesheet">
<script src="/Public/Home/jquery-2.1.1.min.js"></script>
<script src="/Public/Home/bootstrap.min.js?v=3.4.0"></script>
<!-- jQuery Validation plugin javascript-->
<script src="/Public/js/jquery.validate.min.js"></script>
<script src="/Public/js/messages_zh.min.js"></script>
<script src="/Public/js/base.js"></script>
<style type="text/css">
.user {
	width: 97%;
	margin: 0px auto;
}
.user-nav {
}
.user-nav a {
	display: inline-block;
	float: left;
	padding: 7px 20px;
	margin-left: 10px;
	color: #0B72A4;
}
.user-nav a.cur {
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 0px;
}
.user-info {
	padding: 20px 0px;
	font-size: 14px;
	border: 1px solid #ddd;
}
.user-info dl {
	display: block;
	width: 99%;
	margin: 0px auto;
	zoom: 1;
	overflow: hidden;
}
.user-info dl dt, .user-info dl dd {
	float: left;
	padding: 15px 10px;
}
.user-info dl dt {
	clear: both;
	width: 10%;
}
.user-info dl dd {
	width: 70%;
}
.user-info dl dd input[type='radio'] {
	margin-left: 20px;
}
.user-info input[type='text'], .user-info input[type='password'] {
	width: 100px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.user-info table {
	width: 100%;
	border: 1px solid #ccc;
	border-bottom: 0px;
}
.user-info th, .user-info td {
	padding: 10px 10px;
	border-bottom: 1px solid #ccc;
	text-align: right;
}
.user-info h3 {
	text-indent: 15px;
	padding: 15px 0px;
}
.sub {
	display: inline-block;
	font-weight: 700;
	font-size: 14px;
	color: white;
	text-align: center;
	width: 170px;
	height: 32px;
	line-height: 32px;
	background: #FF8C19;
	margin-top: 10px;
}
.sub:hover {
	color: #fff;
	text-decoration: none;
}
.banktable td {
	padding: 0px;
}
.onlineRecharge .onlineRechargeContent .numberBlock{ width:350px}
.mainBox2 h3 {
  font-size: 20px;
  font-weight: bold;
  color:#E32222;
  padding-left:0px;
  position:relative;
  top:15px;
}
.content {
  padding: 10px;
}
.input {
  border: 1px solid #DDD;
  padding: 2px;
  font: 12px/150% Arial,"Lucida Grande",Verdana,Helvetica,sans-serif;
  color: #333;
}
.content #button_10:hover{ background-color:#286090 !important;}
</style>
<div class="marketArea clear"> <include file="./Tpl/Home/Left.html" />
  <div class="rightArea">
    <div class="onlineRecharge">
      <div class="selecttabNew1">
        <ul class="selecttabboxNew">
          <li class=""> <a class="otherBoxTitle" href="?s=Home/Fill/add">网银充值<img src="/Public/Home/nofee.png"></a> </li>
          <li class="cur"> <a class="otherBoxTitle" href="?s=Home/Fill/zhifu_add">支付宝手动汇款<img src="/Public/Home/nofee.png"></a> </li>
        </ul>
      </div>
      
      <div class="rightArea3">
				<div class="riskArea">
					<span class="icon"></span> <span class="hinttext"> <span class="define">{$art.title}</span> <span> {$art.content}
 </span> </span>
				</div>
			</div>
            
            <div class="mainBox2">
          
          <form method="post" target="_blank" action="/Home/Fill/zhifu_add_ok" accept-charset="GBK" onsubmit="document.charset='GBK';" novalidate="novalidate">
			
		  <div class="content">
          <h3>官方支付宝账号：{$sys.alipay}  {$sys.alipay_name}
</h3><br />
			<h3 style=" position:relative; top:-20px;">官方支付用户名： {$sys.alipay_name}
</h3>
            <span style="position:relative; top:-15px; font-size:20px;">充值金额：
            <input style="margin-left:55px;" name="money" onkeyup="javascript:buyTurnoverValue();" class="input" id="payAmount" value="100" size="20" type="text">
            元</span><br />
			<input id="button_10" type="submit" value="确认充值" style="width:130px; height:45px; border-radius:5px; margin-top:8px; background:#337ab7; color:#fff; font-size:16px; border:0px;"> 
		  </div>
		  <input name="optEmail" value="{$sys.alipay}" type="hidden">
		  <input name="title" value="{$num}" type="hidden">
		  </form>
        </div>
            
</div>
  <div style="margin-top: 3px;" class="entrustTen lasttenorder">
		<div class="Tentitle">

			<span class="lightblue4">充值记录</span>
		</div>
		<div class="coinBoxBody">
			<table width="100%">
				<tbody>
					<tr>	
							<th width="190">订单号</th>
							<th width="190">时间</th>
							<th width="180">充值方式</th>
							<th width="180">金额</th>
							<th width="180">状态</th>
						
						</tr>
					<volist name="list" id="vo" empty="$empty">
					<tr>
					  <td>{$vo.tradeno} </td>
                    <td>{$vo.ctime|date="Y-m-d H:i:s",###}</td>
                     <td>支付宝手动充值</td>
                     <td>{$vo['num']}</td>
                    <td>{$vo.status_fill}</td>
					
					</tr>
					</volist>
				</tbody>
			</table>
		</div>

		<div class="page">
			<ul>
			<li><a href="{$path}/Fill/zhifu_add/page/1">首页</a></li>
			<li><a href="{$path}/Fill/zhifu_add/page/{$page-1}">上一页</a></li>
			<li><a href="{$path}/Fill/zhifu_add/page/{$page+1}">下一页</a></li>
			<li><a href="{$path}/Fill/zhifu_add/page/{$page_num}">尾页</a></li>
			</ul>
		</div>
	</div>
</div>
</div>
<include file="./Tpl/Home/Footer.html" />

<script language="javascript">
	$("#finButton").click(function(){
		if($("#diyMoney").val()==''){
			layer.alert('请填写充值金额', 8); 
			return;
		}
		if($("#diyMoney").val()<100){
			layer.alert('最小充值金额为100元', 8); 
			return;
		}
		$.post("/?s=Home/Fill/add",{"num":$("#diyMoney").val(),"bank":$("#sbank").val(),"random":$("#random").val()},function(data){
			if(data.status==1){
			
				window.location.href="?s=Home/Fill/add/id/"+data.id;
			}else{
				layer.alert('提交失败', 8); 
				}
		})		
	})
	
	function setId(_this){
		alert($(_this).prev("input[name='id']").val());
		$("#cid").val($(_this).prev("input[name='id']").val());	
	}
</script>
